@charset "utf-8";

@import "common";

.web{
    .header_nav_logo{
        margin-top: 49px;
    }
    .central_box{
        .central_hunter_img{
            width: 100%;
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        .central_hunter_text{
            text-align: right;
            h1{
                font-size: 29px;
            }
            p{
                font-size: 12px;
                color: #898989;
            }
            .text_imgbox{
                width: 100%;
                overflow: hidden;
                margin: 10px 0;

                img{
                    width: 100%;
                }
            }
        }
        .central_hunter_left{
            text-align: left;
            h1{
                font-size: 29px;
            }
            p{
                font-size: 12px;
                color: #898989;
            }
            .text_imgbox{
                width: 100%;
                overflow: hidden;
                margin: 10px 0;

                img{
                    width: 100%;
                }
            }
        }
        .dh{
            margin-top: 60px;
        }
        .central_casebox{
            margin-top: 30px;
            .case_img{
                width: 100%;
                overflow: hidden;
                position: relative;
                &:hover > p{
                    transform: scale(1);
                }
            img{
                width: 100%;
            }
            p{  
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.336);
                color: white;
                padding: 8px;
                position: absolute;
                top: 0;
                left: 0;
                transform: scale(0);
                transition: all .6s;
            }
            }
            p{
                padding-top: 12px;
                font-size: 12px;
                text-align: center;
            }
        }
        .dingg  {
            width: 100%;
            height: 60px;
        }
    }
}

@media only screen and (max-width: 991px) {
    .web{
        .central_box .central_hunter_img img {
            display: none;
        }
    }
}